<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户中心</title>
    <link rel="stylesheet" href="../css/index.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
var user=JSON.parse(localStorage.getItem("user"));
			$(function(){
				var u=localStorage.getItem("user");
				if(user==null){
					alert("请先登录")
				window.location.href="http://localhost:8080/watch/login.html"
				}
				
				console.log(user.id)
			$.post("../gUser",{
			id:user.id
		},function(res){
			console.log(res);
			$("#geren").append(`
					<ul>
						<li>尊敬的会员:${res.username} <span id="userName"></span></li>
				 		<li>性别:${res.sex}</span></li>
						<li>年龄:${res.age}</li>
						<li>手机号码:${res.phone}</span></li>
						
					</ul>
					`)
			
					$("#geren2").append(`
					
					<ul>
						<li>邮箱:${res.email}</li>
						<li>身份证号:${res.idCard}</span></li>
						<li>生日:${res.birthday}</li>
					</ul>
					`)
			},"json")
		})	
</script>;
<!--header-->
<div class="header2">
    <div class="header-box">
        <div class="header">
            <div class="header-left-title">
                <div class="welcome"><img  class="icon" src="../images/icon/welcome.png" alt="">&nbsp;欢迎来到<a href="">AnJunDCM官网</a>!</div>
                <div class="login">&nbsp;&nbsp;&nbsp;<a href="login.html">登陆</a>&nbsp;丨&nbsp;<a href="../reg.html">免费注册</a></div>
            </div>
            <div class="header-center-title">
                <ul>
                    <li><a href="">我的AnJun</a></li>
                    <li><a href="../cart.html">购物车</a></li>
                    <li><a href="../orderform.html">我的订单</a></li>
                    <li><a href="">收藏网站</a></li>
                    <li><a href="">积分</a></li>
                </ul>


            </div>
            <div class="header_right_title">
                <ul>
                    <li><a href="">我要供货</a></li>
                    <li><a href="">客服中心<i class="kefu-icon"><img src="../images/kefu.png" alt="" width="20" height="20"></i></a></li>

                </ul>

            </div>


        </div>
        <div class="header-nav-box">
            <div class="nav">
                <div class="nav-logo">
                    <a href="" class="logo"><img src="../images/logo.png" alt=""></a>
                </div>
                <div class="nav-search-box">
                    <form action="" name="fomr1">
                        <div class="nav-search">
                            <div class="bar1">
                                <input type="text" placeholder="请输入您要搜索的内容..." class="text"><button type="submit" class="btn">搜索</button>
                            </div>
                            <div class="search-key">
                                <span class="key-title">热搜词汇:</span>
                                <div class="key">
                                    <ul>
                                        <li><a href="">手机</a></li>
                                        <li><a href="">电子产品</a></li>
                                        <li><a href="">衣服</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                        <li><a href="">鞋子</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="wechat-box">
                    <ul>
                        <li><img src="../images/app.jpg" alt="" width="110" height="110"></li>
                        <li><img src="../images/app.jpg" alt="" width="110" height="110"></li>
                    </ul>
                </div>

            </div>
            <div class="nav-daohang">
                <div class="daohang">
                    <ul>
                        <li><a href="../goods.html">全部分类</a></li>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="">选品采购</a></li>
                        <li><a href="../daigou.html">指定代购</a></li>
                        <li><a href="../need.html"> 需求提交</a></li>
                        <li><a href="">个性定制</a></li>
                        <li><a href="../wl-case.html">物流方案</a></li>
                        <li><a href="../join.html">我要入驻</a></li>
                        <li><a href="../us.html">关于我们</a></li>

                    </ul></div>
            </div>

        </div>
    </div>
</div>
<!--hearder end!-->

<div class="home-box">
<div class="home-location-box">
    <div class="goods-location">
        <i><img src="../images/icon/home.png" alt="" width="18" height="18"></i>
        <span><a href="">首页</a></span>
        <span>></span>
        <span><a href="">用户中心</a></span>

    </div>
</div>
    <div class="home-box-main">

        <!--个人中心左侧栏目-->
<div class="home-box-left">
<ul>
    <h3><i><img src="../images/icon/user-products.png" width="18" alt="18"></i>&nbsp;订单中心</h3>
    <li><a href="user-cart.html">我的购物车</a></li>
    <li><a href="user-order.html">订单管理</a></li>

</ul>

    <ul><h3><i><img src="../images/icon/us.png" width="18" alt="18"></i>&nbsp;会员中心</h3>
        <li><a href="user.html">个人中心</a></li>
        <li><a href="user_id.html">实名认证</a></li>
        <li><a href="user-info.html">个人信息</a></li>
        <li><a href="user-safe.html">账户管理</a></li>
        <li><a href="user-addr.html">收货地址</a></li>
        <li><a href="user-message.html">我的消息</a></li>
        <li><a href="user-money.html">我的余额</a></li>
        <li><a href="user-shop-collection.html">我的收藏</a></li>
        <li><a href="user-invoice.html">发票管理</a></li>
        <li><a href="user-jifen.html">我的积分</a></li>
        <li><a href="user-money.html">在线充值</a></li>
    </ul>

    <ul><h3><i><img src="../images/icon/kefu.png" width="18" alt="18"></i>&nbsp;客户服务</h3>
        <li><a href="user-tuihuo.html">退款及退货</a></li>
        <li><a href="#">平台客服</a></li>
        <li><a href="user-feedback.html">意见反馈</a></li>

    </ul>

</div>
        <!--个人中心左侧栏目end!-->

        <!--个人中心中间-->
<div class="home-main-box">
<div class="home-main-1">
<div class="home-my">
<div class="my-img">
    <img src="../images/icon/default_user_portrait.gif" alt="" width="130" height="130">
</div>
<div class="my-img-dengji">
LV1
</div>
<div class="my-message" id="geren">
		
</div>
    <div class="my-message" id="geren2">
    
     
     

    </div>


</div>
</div>
    <div class="home-main-2">
<ul>
    <li><img src="../images/icon/daifuk.png" alt="" width="30" height="30"><a href=""> 待付款</a><span>99+</span></li>
    <li><img src="../images/icon/daifahuo.png" alt="" width="30" height="30"><a href=""> 待发货</a><span>20</span></li>
    <li><img src="../images/icon/daishouhuo.png" alt="" width="30" height="30"><a href=""> 待收货</a><span>25</span></li>
    <li><img src="../images/icon/daipingjia.png" alt="" width="30" height="30"><a href=""> 待评价</a><span>50</span></li>
    <li><img src="../images/icon/daituihuo.png" alt="" width="30" height="30"><a href=""> 待退货</a><span>5</span></li>
</ul>

    </div>

    <div class="home-main-3">
<div class="home-main-3-title">
    <div class="home-main-3-title-zuji">我的足迹</div>
    <div class="home-main-3-title-line"></div>
</div>
        <!--循环我的足迹-->
        <div class="home-main-3-products">
            <div class="main3-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main3-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main3-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;浏览时间：2020.06.12</li>
                    <li><a href="">商家名称：京东商城</a></li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">查看详情</a>
            <a href="" class="main3-products-btn">删除记录</a>

        </div>
        <!--循环我的足迹end!-->

        <!--循环我的足迹-->
        <div class="home-main-3-products">
            <div class="main3-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main3-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main3-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;浏览时间：2020.06.12</li>
                    <li><a href="">商家名称：京东商城</a></li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">查看详情</a>
            <a href="" class="main3-products-btn">删除记录</a>

        </div>
        <!--循环我的足迹end!-->

        <!--循环我的足迹-->
        <div class="home-main-3-products">
            <div class="main3-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main3-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main3-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;浏览时间：2020.06.12</li>
                    <li><a href="">商家名称：京东商城</a></li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">查看详情</a>
            <a href="" class="main3-products-btn">删除记录</a>

        </div>
        <!--循环我的足迹end!-->

        <!--浏览记录空的-->
        <div class="products-none">
<ul>
    <li><img src="../images/icon/false.png" width="40" height="40" alt="">   抱歉,您的浏览记录是空的!</li>
</ul>

        </div>
        <!--浏览记录空的end!-->



    </div>

<!--我的购物车-->
    <div class="home-main-4">
        <div class="home-main-4-title">
            <div class="home-main-4-title-zuji">我的购物车</div>
            <div class="home-main-4-title-line"></div>
        </div>

        <!--购物车空的-->
        <div class="products-none">
            <ul>
                <li><img src="../images/icon/cart.png" width="40" height="40" alt="">   抱歉,您的购物车是空的!</li>
            </ul>

        </div>
        <!--购物车空的end!-->

        <!--循环我的购物车-->
        <div class="home-main-4-products">
            <div class="main4-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main4-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main4-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;规格: 128GB 黑色</li>
                    <li>数量：5台</li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">去结算</a>
            <a href="" class="main3-products-btn">删除记录</a>


        </div>
        <!--循环我的购物车end!-->

        <!--循环我的购物车-->
        <div class="home-main-4-products">
            <div class="main4-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main4-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main4-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;规格: 128GB 黑色</li>
                    <li>数量：5台</li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">去结算</a>
            <a href="" class="main3-products-btn">删除记录</a>


        </div>
        <!--循环我的购物车end!-->

        <!--循环我的购物车-->
        <div class="home-main-4-products">
            <div class="main4-products-img">
                <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
            </div>
            <div class="main4-products-msg">
                <ul>
                    <li><a href="">2019年白色iphone 11 64GB2</a></li>
                    <li class="main4-products-money">VIP价格：<span>4399￥</span></li>
                    <li>&nbsp;规格: 128GB 黑色</li>
                    <li>数量：5台</li>
                </ul>
            </div>

            <a href="" class="main3-products-btn">去结算</a>
            <a href="" class="main3-products-btn">删除记录</a>


        </div>
        <!--循环我的购物车end!-->



    </div>


</div>
        <!--个人中心中间end!-->

        <!--个人中心右侧栏目-->
        <div class="home-box-right">

            <div class="box-right1">

                <div class="box-right1-title">
                    <div class="box-right1-title-shoucang">最新公告</div>
                    <div class="box-right1-title-line"></div>
                </div>

            </div>

            <div class="box-right-newsbox">
<ul>
    <li><a href="">安骏DCM官网上线1111~~</a><span>2020.6.2</span></li>
    <li><a href="">支付方式更新通知</a><span>2020.6.2</span></li>
    <li><a href="">新手使用手册</a><span>2020.6.2</span></li>
    <li><a href="">海外仓一件代发服务</a><span>2020.6.2</span></li>
    <li><a href="">提供物流渠道方案</a><span>2020.6.2</span></li>
</ul>
            </div>


            <div class="box-right1">

                <div class="box-right1-title">
                    <div class="box-right1-title-shoucang">我的收藏</div>
                    <div class="box-right1-title-line"></div>
                </div>

            </div>

<!--循环收藏的店铺-->
            <div class="box-right2">
                <div class="box-right2-img">
                    <a href=""><img src="../images/store-img.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right2-msg">
                    <ul>
                        <li><a href="">深圳市电火服饰贸易有限公司深圳市电火服饰贸易有限公司</a></li>
                        <li>店铺评分：
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                        </li>
                    </ul>

                </div>

            </div>
            <!--循环收藏的店铺end!-->

            <!--循环收藏的店铺-->
            <div class="box-right2">
                <div class="box-right2-img">
                    <a href=""><img src="../images/store-img.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right2-msg">
                    <ul>
                        <li><a href="">深圳市电火服饰贸易有限公司深圳市电火服饰贸易有限公司</a></li>
                        <li>店铺评分：
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                        </li>
                    </ul>

                </div>

            </div>
            <!--循环收藏的店铺end!-->

            <!--循环收藏的店铺-->
            <div class="box-right2">
                <div class="box-right2-img">
                    <a href=""><img src="../images/store-img.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right2-msg">
                    <ul>
                        <li><a href="">深圳市电火服饰贸易有限公司深圳市电火服饰贸易有限公司</a></li>
                        <li>店铺评分：
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                            <img src="../images/xingxing.png" alt="" width="20" height="20">
                        </li>
                    </ul>

                </div>

            </div>
            <!--循环收藏的店铺end!-->

            <!--收藏记录空的-->
            <div class="products-none" style="float: left;">
                <ul>
                    <li><img src="../images/icon/false.png" width="40" height="40" alt=""> 抱歉,您的收藏记录是空的!</li>
                </ul>

            </div>
            <!--收藏记录空的end!-->


            <div class="box-right1">

                <div class="box-right1-title">
                    <div class="box-right1-title-shoucang">为你推荐</div>
                    <div class="box-right1-title-line"></div>
                </div>

            </div>

            <!--为你推荐循环!-->
            <div class="box-right3">
                    <div class="box-right3-img">
                        <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
                    </div>
                    <div class="box-right3-msg">
                        <ul>
                            <li><a href="">2019年iphone 11 128GB 白色超长待机</a></li>
                            <li style="float: left;"><h3> 5399.00￥&nbsp;</h3></li>
                            <li>月销量：999+</li>

                        </ul>
                    </div>

            </div>
            <!--为你推荐循环end!-->

            <!--为你推荐循环!-->
            <div class="box-right3">
                <div class="box-right3-img">
                    <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right3-msg">
                    <ul>
                        <li><a href="">2019年iphone 11 128GB 白色超长待机</a></li>
                        <li style="float: left;"><h3> 5399.00￥&nbsp;</h3></li>
                        <li>月销量：999+</li>

                    </ul>
                </div>

            </div>
            <!--为你推荐循环end!-->

            <!--为你推荐循环!-->
            <div class="box-right3">
                <div class="box-right3-img">
                    <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right3-msg">
                    <ul>
                        <li><a href="">2019年iphone 11 128GB 白色超长待机</a></li>
                        <li style="float: left;"><h3> 5399.00￥&nbsp;</h3></li>
                        <li>月销量：999+</li>

                    </ul>
                </div>

            </div>
            <!--为你推荐循环end!-->

            <!--为你推荐循环!-->
            <div class="box-right3">
                <div class="box-right3-img">
                    <a href=""><img src="../images/small1.jpg" alt="" width="60" height="60"></a>
                </div>
                <div class="box-right3-msg">
                    <ul>
                        <li><a href="">2019年iphone 11 128GB 白色超长待机</a></li>
                        <li style="float: left;"><h3> 5399.00￥&nbsp;</h3></li>
                        <li>月销量：999+</li>

                    </ul>
                </div>

            </div>
            <!--为你推荐循环end!-->


        </div>
        <!--个人中心右侧栏目end!-->


    </div>





</div>

<!--footer-->
<div class="footer-box">
    <div class="footer-list-box">
        <div class="footer-list">
            <ul><img src="../images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
                <li class="magin"><a href="">关于安骏</a></li>
                <li><a href="">产品服务</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">企业文化</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="../images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
                <li class="magin"><a href="">新手福利</a></li>
                <li><a href="">推荐有奖</a></li>
                <li><a href="">会员中心</a></li>
                <li><a href="">我的积分</a></li>
                <li><a href="">客服中心</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="../images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
                <li class="magin"><a href="">支付宝</a></li>
                <li><a href="">WeChat</a></li>
                <li><a href="">前海支付</a></li>
                <li><a href="">银联支付</a></li>
                <li><a href="">其它支付</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="../images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
                <li class="magin"><a href="">选品采购</a></li>
                <li><a href="">指定代购</a></li>
                <li><a href="">需求提交</a></li>
                <li><a href="">我要入驻</a></li>
                <li><a href="">系统登录</a></li>
            </ul>
        </div>

        <div class="footer-list">
            <ul><img src="../images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
                <li class="magin" id="phone"><a href="">0755-12345678</a></li>
                <li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
                <li><a href="">邮箱：123456789@qq.com</a></li>

            </ul>
        </div>

        <div class="footer-list" style="margin-left: 100px;">
            <ul><img src="../images/app.jpg" alt="" width="150" height="150">
                <li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

            </ul>
        </div>


    </div>
    <div class="footer-footer">
        © 2020-2020 AnJun DCM  All Rights Reserved 9.0 备案号：123456789

    </div>

</div>
<!--footer end!-->


<!--最新公告无缝向上滚动js-->
<script type="text/javascript">
    $(function(){
        var $this = $(".box-right-newsbox");
        var scrollTimer;
        $this.hover(function(){
            clearInterval(scrollTimer);
        },function(){
            scrollTimer = setInterval(function(){
                scrollNews( $this );
            }, 2000 );
        }).trigger("mouseout");
    });
    function scrollNews(obj){
        var $self = obj.find("ul:first");
        var lineHeight = $self.find("li:first").height();
        $self.animate({ "margin-top" : -lineHeight +"px" },400 , function(){
            $self.css({"margin-top":"0px"}).find("li:first").appendTo($self);
        })
    }


</script>
<!--最新公告无缝向上滚动js end!-->


</body>
</html>